<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>佣金订单
</title>
<link rel="stylesheet" type="text/css" href="/style/css/base.css"/>
<link rel="stylesheet" type="text/css" href="/style/css/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="/style/css/xshop.css?ver=20180713" />
<link rel="stylesheet" type="text/css" href="/style/css/fu.shop.css"/>
<script src="/style/js/jquery-1.12.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/style/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/style/js/xShop.js" type="text/javascript" charset="utf-8"></script>

<style>
.os{
	
	/* style="border: 1px solid red; */
	height:40px;
	line-height:40px;
	color:#000;
	text-align: center;
	font-size:14px;"
	
	
}

.hongbao-bot-each-top-touxiang {
    float: left;
    width: .88rem;
    height: .88rem;
    margin-right: .2rem;
    border-radius: 100%;
    overflow: hidden;
}
.txjlbx ul li .info {
	margin-left: 1.25rem;
	    margin-top: -0.2rem;
}
.txjlbx ul li {
   
    height: 2rem;
}
h2{
 padding-top: .1rem;	
}
</style>

</head>
<body>
<div class="outwrap">
  <!--top-->	

  <div class="in-mian2 pt88 box-top">
    <div class="txjlbx">
      <ul id="content">
       <div class="os"> 确认收货的订单系统才会分配佣金</div><hr/>
      <?php
     

      if ($this->data['data'])
      {
         
        foreach ($this->data['data'] as $v)
        {
  
      ?>
      
      <li>
      <div style="position:absolute">
  	<div class="hongbao-bot-each-top-touxiang" style="margin-left: 8px;">
									<?php 
									  $headimgurl = "/style/wei/images/img2.png";
									 if($v['pic']){
                                           $headimgurl =  $v['pic'];
										}
									?>
									<img src="<?=$headimgurl;?>" />
									
									</div>
									
			 </div>						
      <div class="info" > <h2><?=$v['realname'] ;?></h2> <h2>订单号 <?=$v['order_sn']?></h2><p style="color:#000">金额 <?=$v['total_price']?></p><p style="color:#E5007E;"><?=$v['is_separate'] ?></p><p><?= $v['add_time']?></p> </div>
      <div class="opr"><span class="money"> <b><?=$v['comm_price']?></b></span></div>
      </li>
      <?php
        }
      }
      ?>
       </ul>
    </div>
  </div>
</div>

<!--底部导航-->

</body>
<script>
var _loading = false; 
var page=1;
$('.in-mian2').on("scroll",function(){
	
	if($(document).scrollTop() + $(window).height() + 200 >=$(document).height() && !_loading)
	{
		
		 page = parseInt(page) + 1;
    	 _loading = true;
         $.ajax({type:'GET',url:"/wallet/commissionlist?act=ajax&page="+page,dataType: "json", success: function(res) {
           	// alert(JSON.stringify(res));return false;
                    if(res.data.length >0){
                        var htmlss = '';
                        if(res.page<res.maxpage){
                            
                      	     _loading = false;
                           }
                
                     $.each(res.data,function(key,value){

                    	 var headimgurl ="/style/wei/images/img2.png";
                    	
						 if(value.pic !=''){
                               headimgurl =  value.pic;
							}
                           htmlss += '<div style="position:absolute"><div class="hongbao-bot-each-top-touxiang" style="margin-left: 8px;"><img src="'+headimgurl+'" /></div></div><li><div class="info"><h2><?=$v['realname'] ;?><h2>订单号'+value.order_sn+'</h2><p style="color:#000">金额 '+value.total_price+'</p><p style="color:#E5007E;">'+v.is_separate+'</p><p>'+value.add_time+'</p></div>';
                           htmlss += '<div class="opr"><span class="money"> <b>'+value.comm_price+'</b></span></div></li>';
                              
                       });
                        
                       $('#content').append(htmlss);

                       
                    }
              }
          });
	} 
});
</script>
</html>
